/**
* 分页组件
*/ 
<template>
  <el-pagination class="page-box" @size-change="handleSizeChange" @current-change="handleCurrentChange" background :current-page="childMsg.currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="childMsg.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="childMsg.total">
  </el-pagination>
</template>
<script setup>
// 将导出的属性放在这里
import {ref} from "vue";

const props = defineProps(['childMsg']);

// 使用ref()包装数据
const pageparm = ref({
  currentPage: props.childMsg.currentPage,
  pageSize: props.childMsg.pageSize
});

const handleSizeChange = (val) => {
  // pageparm.value.pageSize = val;
  // // 使用context.emit来访问emit
  // context.emit('callFather', pageparm.value);
};

const handleCurrentChange = (val) => {
  // pageparm.value.currentPage = val;
  // // 使用context.emit来访问emit
  // context.emit('callFather', pageparm.value);
};
</script>

<style>
.page-box {
  margin: 10px auto;
}
</style>
